<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>百度一下</title>
    <link rel="stylesheet" href="css/baidu.css">
</head>
<body>
    <div class="header">
      <div class="header-left">
          <ul>
              <li class=""><a href="#">新闻</a></li>
              <li><a href="#">hao123</a></li>
              <li><a href="#">地图</a></li>
              <li><a href="#">视频</a></li>
              <li><a href="#">贴吧</a></li>
              <li><a href="#">学术</a></li>
              <li><a href="#">更多</a></li>
          </ul> 
      </div>
      <div class="header-right">
         <a class="lable" href="#">设置</a>
         <button class="login">登录</button>
      </div>
    </div>
    <div class="content">
      <div class="images">
       <img src="images/百度 (2).png" alt="">
      </div>
      <div class="serach">
        <input type="text">
        <span class="camera"></span>
        <button class="baidu">百度一下</button>
      </div>
      <div class="hot">
        <span class="hot-left">百度热榜</span>
        <span class="icon"></span>
        <a class="hot-right" href="#">换一换</a>
      </div>
      <div class="hot-pots">
        <div class="list-left">
            <ul>
                <li class="hot-title"><span class="number-first"></span><a href="#">兰州兽研所布病确认阳性</a><span class="hot-icon"></span></li>
                <li class="hot-title"><span class="number-second"></span><a href="#">云南瑞丽肉价飞涨至100元</a></li>
                <li class="hot-title"><span class="number-third"></span><a href="#">镇党委书记开会骂人被诉索赔1元</a></li>
            </ul>
         </div>
         <div class="list-right">
            <ul class="hot-titles">
                <li  class="hot-title"><span>4</span><a href="#">70多人团建20多人被马蜂蛰伤</a><span class="new"></span></li>
                <li  class="hot-title"><span>5</span><a href="#">广州通报亲子鉴定造假事件</a></li>
                <li  class="hot-title"><span>6</span><a href="#">徐静蕾晒与黄立行旧照秀恩爱</a></li>
            </ul>
         </div>
      </div> 
    </div>
    <div class="foot-code">
       <img class="code" src="images/二维码.png" alt="">
    </div>
    <div class="footer">
      <div class="footer-left">
        <ul>
            <li><a class="footer-title" href="#">设为首页</a></li>
            <li><a class="footer-title" href="#">关于百度</a></li>
            <li><a class="footer-title" href="#">About Baidu</a></li>
            <li><a class="footer-title" href="#">百度营销</a></li>
            <li><a class="footer-title" href="#">使用百度前必读</a></li>
            <li><a class="footer-title" href="#">意见反馈</a></li>
            <li><a class="footer-title" href="#">帮助中心</a></li>
        </ul>
      </div>
      <div class="footer-right">
        <ul class="footer-titles">
            <li><a class="footer-title" href="#">@2020Baidu</a></li>
            <li><a class="footer-title" href="#">(京)-经营性-2017-0020</a></li>
            <li><a class="footer-title" href="#">京公网安备011100101010010101</a></li>
            <li><a class="footer-title" href="#">京ICP证0303173号</a></li>
        </ul>
      </div>
    </div>
</body>
</html>